iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 5
0
Modern Web

前端入門學徒-30天學習心路系列 第 5

【Day5】版面設計-建立網頁的首頁

  • 分享至 

  • xImage
  •  

1.先設計一個網頁頁面要有的內容,使用
我的設計: 最外層為wrapper,裡面包含5個部分:
top, banner1, story, banner2, fotter(banner放廣告圖片、story放該頁面重點內容)

2.插入圖片:<img src="檔案位置/檔名"> 不用結尾標籤

3.在top又分為兩個區塊: logo & menu,分別放入商標與網頁選單
logo放圖片 <img src="檔案位置/檔名">
menu放選單 <li><a href="introduction.html">產品介紹</a></li> #連結到其他分頁
4.story部分也分為兩區塊: text & img,分別放入文字與圖片
Ex:

  <div class="story">
      	 story-text
      	<img src="story-img.jpg">  #插入圖片
  </div>

5.在fotter中,透過標籤,放店家地址或版權宣告
Ex:

     <div class="fotter">
      	<p>
    	台北市大安區
        </p>
      </div>

牛頓:「人,一旦確立了自己的目標,就不應該再因任何事動搖為之奮鬥的決心。」不論你的目標為何,目標專一是人生在世必不可缺的成功要素之一」


上一篇
【Day4】安裝顏色套件/<link>結尾標籤
下一篇
【Day6】絕對vs相對單位/文字上色
系列文
前端入門學徒-30天學習心路10
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言